<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ include file="/WEB-INF/component/commonTagLib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <title>合同模板维护记录详情</title>
    <link href="${ctx}/lib/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="${ctx}/lib/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="${ctx}/lib/css/AdminLTE.css" rel="stylesheet" type="text/css" />
    <link href="${ctx}/lib/css/skins/skin-blue-light.css" rel="stylesheet" type="text/css" />
    <link href="${ctx}/lib/plugins/jqgrid/ui.jqgrid.css" rel="stylesheet" />
    <link href="${ctx}/lib/plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" />
    <!--[if lt IE 9]>
        <script src="${ctx}/lib/js/html5shiv.min.js"></script>
        <script src="${ctx}/lib/js/respond.min.js"></script>
    <![endif]-->
    
<%@ include file="/WEB-INF/component/commonCSS.jsp" %> 
<style type="text/css">
.text-left {color:#848484;}
</style>
    
    
</head>
<body class="skin-blue sidebar-mini fixed skin-blue-light-frame">
    <section class="content-header">
        <h1>合同模板维护记录详情</h1>
        <ol class="breadcrumb">
            <li><a href="${ctx}/home.jsp"><i class="fa fa-home"></i>首页</a></li>
            <li class="active"><a href="">合同管理</a></li>
            <li class="active"><a href="">合同模板管理</a></li>
            <li class="active"><a href="#">合同模板维护记录</a></li>
            <li class="active"><a href="#">合同模板维护记录详情</a></li>
        </ol>
    </section>
    <section class="content">
        <table class="infoBox">
      <tr>
        <td width="120px" class="infoBoxleft">
        <p style="color:#fff;font-size:20px;text-align:center;font-weight:600"><spring:message code="message.listForm.xiuGaiXiangQing"/></p>
        </td>
        <td>
        	<form id="form" class="form-horizontal"  method="post">
            <input type="hidden" name=orgId value="${acctInfo.orgId}" />
                <div class="box-body" style="background:url('${ctx }/lib/img/infobg.png') no-repeat bottom right;">
                    <div class="form-group form-group-xs"  style="margin-top:5px;">
                      <label class="col-sm-2 text-right"><spring:message code="message.listForm.benCiXiuGaiShiJian"/>：</label>
	                  <div class="col-sm-3 text-left"  >${oldUpdDatetime}</div>
	                  <label class="col-sm-2 text-right"><spring:message code="message.listForm.shangCiXiuGaiShiJian"/>：</label>
                      <div class="col-sm-3 text-left">${oldUpdUser}</div>
                    </div>
                    
                    <div class="form-group form-group-xs" style="margin-top:-10px;margin-bottom:-10px;">
                    <label class="col-sm-2 text-right"><spring:message code="message.listForm.benCiXiuGaiRen"/>：</label>
	                <div class="col-sm-3 text-left">${newUpdDatetime}</div>
	                <label class="col-sm-2 text-right"><spring:message code="message.listForm.shangCiXiuGaiRen"/>：</label>
	                <div class="col-sm-3 text-left" >${newUpdUser}</div>
                    </div>
                </div>
             </form>
        </td>
      </tr>
      </table>
    
    <div class=" box box-success">
    <form role="form" class="form-horizontal" method="post">
	 <div class="box-body">
             <table class="comparison">
                       <tr>
                         <th></th>
                         <th><spring:message code="message.listForm.xiuGaiHou"/></th>
                         <th><spring:message code="message.listForm.xiuGaiQian"/></th>
                       </tr>
                       
                        <c:forEach items="${dataList }" var="list" varStatus="vs">
                        <tr <c:if test="${vs.count%2==1 }">class="no1"</c:if><c:if test="${vs.count%2==0 }">class="no2"</c:if>>
                         <td class="title"><c:out value="${list.colunm }"></c:out></td>                         
                         <td>
                           <div <c:if test="${list.red=='1' }">style='color:#FF0000;font-weight:bold'</c:if> >
                                <c:out value="${list.after }"></c:out>
                            </div>
                         </td>
                         <td>
                           <div><c:out value="${list.before }"></c:out></div>
                         </td>
                       </tr>
                       </c:forEach>
                          
                       <tr class="no1">
                         <td class="title">模板名称：</td>                         
                         <td> 
                         <div>
                             ${oldContractModelLog.contractModelName}
                         </div>                        
                         </td>
                         <td>
                          <div>
                            ${newContractModelLog.contractModelName}
                        </div>
                         </td>
                       </tr>
                       <tr class="no2">
                         <td class="title">版本号：</td>
                         <td>
                           <div >
                            ${oldContractModelLog.version}
                        </div>
	                     </td>
                         <td>
                           <div>
                            ${newContractModelLog.version}
                        </div>
                         </td>
                       </tr> 
                        <tr class="no1">
                         <td class="title">更新时间：</td>                         
                         <td>  
                         <div>
                           ${oldUpdDatetime}
                        </div>                        
                         </td>
                         <td>
                          <div>
                           ${newUpdDatetime}
                        </div>
                         </td>
                       </tr>
                       <tr class="no2">
                         <td class="title">更新人：</td>
                         <td>
                          <div>
                            ${oldUpdUser}
                        </div> 
	                     </td>
                         <td>
                          ${newUpdUser}
                         </td>
                       </tr> 
                       <tr class="no1">
                         <td class="title">状态：</td>                         
                         <td>  
                         <div >
                            ${oldStatus}
                        </div>                        
                         </td>
                         <td>
                          <div>
                            ${newStatus}
                        </div>
                         </td>
                       </tr> 
                        <tr class="no2">
                         <td class="title">内容：</td>
                         <td>
                          <div style="height:300px;overflow-y:scroll;">
                            ${oldContractModelLog.content}
                        </div> 
	                     </td>
                         <td>
                         <div style="height:300px;overflow-y:scroll;">
                           ${newContractModelLog.content}
                         </div> 
                         </td>
                       </tr>                                         
                    </table>
               </div> 
      </form> 
      <div class="box-footer text-center">
      <a href="toContractModelLogList.html?contractModelId=${contractModelId}" class="btn btn-danger btn-sm"><spring:message code="message.button.getBackSpacing"/></a>
     
      </div>
    </div>
    
    
    
        
       
    </section>
    
    <script src="${ctx}/lib/js/jquery.min.js" type="text/javascript"></script>
    <script src="${ctx}/lib/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="${ctx}/lib/plugins/slimScroll/jquery.slimscroll.min.js"></script>
    <script src="${ctx}/lib/js/app.js" type="text/javascript"></script>
    <script src="${ctx}/lib/plugins/jqgrid/jquery.jqGrid.min.js" type="text/javascript"></script>
    <script src="${ctx}/lib/plugins/daterangepicker/moment.js"></script>
    <script src="${ctx}/lib/plugins/daterangepicker/daterangepicker.js"></script>
    <script src="${ctx}/lib/js/jquery.form.js" type="text/javascript"></script>
    <script src="${ctx}/lib/js/HNApp.js"></script>
    
    <script type="text/javascript">
    	
    </script>
    
</body>
</html>
